<template>
    <div>
        <h1>详情</h1>
        <table class="table">
            <tbody>
                <tr>
                    <td>门店名称</td>
                    <td>
                        {{data.Name}}
                    </td>
                </tr>

                <tr>
                    <td>门店地址</td>
                    <td>
                        {{ data.Addr }}
                    </td>
                </tr>

                <tr>
                    <td>门店电话</td>
                    <td>
                        {{data.Phone}}
                    </td>
                </tr>

                <tr>
                    <td>门店详情</td>
                    <td>
                        {{ data.XQ }}
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td>
                        <a href="/">返回</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import {ref,onMounted} from 'vue';
import axios, { Axios } from 'axios';

const data=ref({
    "Id": 0,
  "Name": "",
  "Addr": "",
  "Phone": "",
  "XQ": ""
})

onMounted(() => {
    Shows();
})

const Shows=()=>{
    axios.get("https://localhost:7210/api/MD/Getxq",{params:{id:localStorage['id']}}).then(
        res=>{
            data.value=res.data;
        }
    )
}








</script>

<style scoped>

</style>